.page {
  background: linear-gradient(180deg, #FEF3E4 0%, #FDEAD4 34%, #FCE2C4 100%);
  min-height: 100vh;
}

.banner {
  position: relative;
  width: 100%;

  img {
    display: block;
    width: 100%;
  }
}

//借款
.loan_box {
  position: relative;
  box-sizing: border-box;
  background: #FFF1DF;
  box-shadow: -3px 1px 13px 0px rgba(213, 165, 119, 0.5);
  border-radius: 2px;
  margin: 14px 28px;
  padding: 14px 12px;

  .loan_inner {
    background: linear-gradient(0deg, #FFFCF7 0%, #FFFFFF 100%);
    box-shadow: -3px 1px 7px 0px rgba(213, 165, 119, 0.22);
    border-radius: 3px;
    padding: 16px 14px;
  }

  .h2 {
    margin: 0;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #a5a5a5;
    padding: 0;

    span {
      font-size: 10px;
      margin-left: 5px;
    }
  }

  .top_input {
    display: flex;
    align-items: center;

    .input_tips {
      font-size: 12px;
      flex-shrink: 0;
      margin-left: 4px;
    }
  }

  .input_box {
    height: 40px;
    background: #FFF1DF;
    border-radius: 6px;
    display: flex;
    align-items: baseline;
    margin: 0 0 10px 0;

    span {
      font-size: 12px;
      text-align: right;
      margin-left: 10px;
      font-weight: bold;
    }

    .a_input {
      flex: 1;
      width: 100%;
      height: 100%;
      border: 0;
      background: none;
      padding: 0 10px;
      box-sizing: border-box;
      color: #000;
      font-size: 24px;
    }
  }

  .menu_box {
    position: relative;
    margin-top: 0px;
    border-top: 1px dashed #ddd;
  }

  .menu_row {
    display: flex;
    align-items: center;
    margin: 15px 0;

    .name {
      // width: 80px;
      text-align: left;
      font-size: 14px;
      font-family: PingFang SC;
      font-weight: 500;
      color: #f25800;
    }

    .cell_list {
      flex: 2;
      text-align: right;

      .btn {
        width: 39px;
        height: 29px;
        box-sizing: border-box;
        margin: 0 2px 0 0;
        padding: 0;
        border-radius: 4px;
        color: #082078;
      }

      .btn:last-child {
        margin-right: 0;
      }

      /deep/ .van-button--info {
        background: #f25800;
        border-color: #f25800;
        color: #fff;
      }

      /deep/ .van-button--default {
        border-color: #f25800;
        color: #f25800;
      }
    }
  }

  .tips {
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    color: #a5a5a5;
    margin: 10px 0 0 0;

    span {
      color: #f25800;
    }
  }

  .line_top {
    width: 100%;
    display: block;
  }




  .h2 {
    margin: 0;
    // font-weight: normal;
    text-align: center;
    font-size: 14px;
  }

  .row {
    display: flex;
    align-items: center;
    margin: 15px 0;
    box-sizing: border-box;

    .name {
      font-size: 14px;
      margin-right: 10px;
    }

    .input_box {
      flex: 1;
      background: #FFF1DF;
      border-radius: 4px;
      height: 29px;
      display: flex;
      align-items: center;
      border: 0.5px solid #F8682F;
      margin: 0;

      .a_input {
        border: 0;
        background: none;
        width: 100%;
        height: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        color: #333;
        font-size: 14px;
      }
    }

    .sex_box {
      padding-left: 10px;

      .van-radio__label {
        font-size: 12px !important;
      }

      /deep/ .code_btn {
        background: #ff8139;
        border-color: #ff8139;
        border-radius: 4px;
        font-size: 12px;
      }
    }

    .selct_box {
      padding: 0 10px;
      font-size: 14px;

      .selct_view {
        flex: 1;
        margin: 0;
        color: #1b54c0;
      }
    }
  }

  .tips_box {
    text-align: center;
    color: #ff8139;
    font-size: 12px;
  }


}

// 信息
.info_box {
  position: relative;
  background: #ffffff;
  // box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  margin: 0 10px 10px 10px;
  //min-height: 300px;
  //border-radius: 6px;
  padding: 20px;
  box-sizing: border-box;
  // margin-top: -50px;

  .h2 {
    margin: 0;
    // font-weight: normal;
    text-align: center;
    font-size: 14px;
    margin-bottom: 30px;
  }

  .row {
    display: flex;
    align-items: center;
    margin: 15px 0;

    .name {
      font-size: 14px;
      margin-right: 10px;
    }

    .input_box {
      flex: 1;
      background: rgba(245, 245, 245, 0.6);
      //box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.2);
      // opacity: 0.6;
      border-radius: 6px;
      height: 36px;
      display: flex;
      align-items: center;
      border: 1px solid #ddd;

      .a_input {
        border: 0;
        background: none;
        width: 100%;
        height: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        color: #333;
      }
    }

    .sex_box {
      padding-left: 10px;

      .van-radio__label {
        font-size: 12px !important;
      }

      // /deep/ .code_btn {
      //   background: #ff8139;
      //   border-color: #ff8139;
      //   border-radius: 6px;
      // }
    }

    .selct_box {
      padding: 0 10px;
      font-size: 14px;

      .selct_view {
        flex: 1;
        margin: 0;
        color: #1b54c0;
      }
    }
  }
}

.city_list {
  display: flex;
  flex-wrap: wrap;

  margin: 10px 0;

  .cell {
    width: 25%;
    padding: 0 3px;
    box-sizing: border-box;
    margin: 6px 0;

    .cell_in {
      position: relative;
      background: #f5f5f5;
      padding: 8px 0;
      width: 100%;
      text-align: center;
      border-radius: 6px;
      font-size: 10px;
      overflow: hidden;
    }

    .active:after {
      position: absolute;
      display: block;
      content: "";
      width: 20px;
      height: 17px;
      background: url("../../images/arrow.png") no-repeat;
      right: 0;
      bottom: 0;
      background-size: contain;
    }
  }
}

.info_list {
  justify-content: space-between;

  .cell {
    // width: 33.333%;
    flex: 0 0 50%;
  }

  .cell:last-child {
    flex: 1;
    width: auto;
  }
}

.xiyi_box {
  font-size: 12px;
  padding: 10px 0;
}

.footer_box {
  position: relative;
  text-align: center;
  margin: 0;
  padding-bottom:20px;

  .footer_img {
    width: 100%;
    padding: 0;
    margin: 0;
    display: block;
  }

  p {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #F8682F;
    line-height: 1.6;
  }
}

.show_list {
  padding: 0 15px;
  margin-bottom: 20px;

  .h4 {
    font-size: 24px;
    color: #dd0000;
    margin: 15px 0;

    span {
      font-size: 12px;
      color: #a5a5a5;
    }
  }

  .tag {
    //background:#DFE0E3;
    background-color: rgba(223, 224, 227, 0.37);
    border-radius: 4px;
    padding: 4px 0;
    width: 100%;
    font-size: 14px;
    color: #585858;
  }
}

.van_dialog {
  padding: 20px;

  .h2 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
  }

  .city_list_box {
    padding: 10px 0;

    .van_button {
      margin: 0 10px 0 0;
    }
  }
}

/deep/ .apply_btn {
  background: #F8682F;
  border-color: #F8682F;
  border-radius: 4px;
  height: 31px;
  font-size: 12px;
}

.result_box {
  text-align: center;
  padding-top: 20px !important;

  .h2 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
  }

  .h3,
  .h4,
  .h5 {
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    color: #666;
    font-weight: normal;
  }
}

.agreement_box {
  max-height: 300px;
  overflow-y: auto;
}

.van_popup {
  width: 80%;
}

.popup_result_box {
  text-align: center;

  .inner {
    padding: 20px;

    .h2 {
      font-size: 18px;
      color: #333;
      font-weight: bold;
    }

    .h3,
    .h4,
    .h5 {
      font-size: 14px;
      line-height: 1.5;
      margin: 0;
      color: #666;
      font-weight: normal;
    }
  }

  .btn_group {
    border-top: 1px solid #d8d8d8;

    .btn {
      width: 100%;
      padding: 12px 0;
      border: 0;
      background: #fff;
      color: #333;
    }

    .btn:hover {
      opacity: 0.8;
    }
  }
}

.img_icon {
  width: 14px;
  height: 14px;
}